@import url('./../../style.module.less');

.module-option {
  position: absolute;
  right: -32px;
  bottom: 0;
  display: flex;
  width: 32px;
  height: 84px;
  flex-direction: column-reverse;
  justify-content: space-between;
  padding: 6px 0;
  background: @mainColor;
  border-radius: 0 10px 10px 0;
  text-align: center;

  & > div {
    color: #fff;
    cursor: pointer;
    transition: opacity 0.3s;

    &:first-child:not(&:last-child) {
      transform: rotate(180deg);
    }
  }

  & > .disabled {
    cursor: not-allowed;

    &:hover {
      opacity: 0.5;
    }
  }
}
